<template>
	<div class="community-head">
		<video autoplay loop muted>
			<source src="@/assets/video/mdtt.mp4" type="video/mp4" />
		</video>

	</div>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		mounted() {
			this.getHeight()
		},
		methods: {
			getHeight() {
				console.log(document.documentElement.clientHeight)
			}
		},
	}
</script>

<style lang="scss" scoped>
	.community-head {
		height: 100vh;
		position: relative;
		video {
			position: absolute;
			right: 0px;
			bottom: 0px;
			min-width: 100%;
			min-height: 100%;
			height: auto;
			width: auto;
		}

		source {
			min-width: 100%;
			min-height: 100%;
			height: auto;
			width: auto;
		}
	}
</style>
